<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!--
本模块功能:岗位技能
编写者:王天宇
编写时间:2020.03.18
-->
<!DOCTYPE html>
<html class="wrap">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>岗位技能</title>


	<link rel="stylesheet" type="text/css" href="pc/css/cores/style.css" /><!--公共样式-->


	<link rel="stylesheet" type="text/css" href="pc/css/extends/list.css" /><!--翻页插件样式-->
	<link rel="stylesheet" type="text/css" href="pc/css/cores/alert.css" /><!--弹出盒样式-->
	<link rel="stylesheet" type="text/css" href="pc/css/cores/public.css" /><!--公共样式-->

	<%--<link rel="stylesheet" type="text/css" href="pc/css/modules/teacherClassManagement.css?f=<%=System.currentTimeMillis()%>" />--%>
	<style>
		.post-skills-list:after{
			clear: both;
			display: block;
			content: '';
		}
		.post-skills-list li{
			width:25%;
			float:left;
			box-sizing: border-box;
			padding:0 15px 15px 0;
		}
		.post-skills-list li .post-skills-item{
			height:170px;
			padding:54px 0 24px 0;
			box-sizing: border-box;
			text-align: center;
		}
		.post-i-c1{
			background:#ff7583;
		}
		.post-i-c2{
			background:#39c2b0;
		}
		.post-i-c3{
			background:#4f87d9;
		}
		.post-i-c4{
			background:#b381d6;
		}
		.post-i-c5{
			background:#6b76ac;
		}
		.post-i-c6{
			background:#779afe;
		}
		.post-i-c7{
			background:#f8b44a;
		}
		.post-i-c8{
			background:#5281c6;
		}
		.post-skills-title{
			font-size: 26px;
			color:#fff;
			margin-bottom:10px;
		}
		.post-skills-more{
			display: inline-block;
			width:100px;
			height:30px;
			line-height: 30px;
			font-size: 16px;
			background:#fff;
			text-align: center;
		}
	</style>
	<script>
		function goPostDetails(id){
			var json = JSON.stringify({
				"pageName": "teacherPostSkillsDetails",
				"id":id
			});

			window.location.href = "skipPage?jsonStr=" + json;
		}
	</script>
</head>

<body>
<div class="crumbs">
	<div class="fl returnBox"><!-- &ensp;<img src="pc/images/ico_return.png" alt="返回按钮" />&ensp;
				<a class="looktg" href="javascript:;" onClick="javascript:window.history.go(-1)">返回上一页</a>
			 --></div>
	<div class="fl noticeBox"><img src="pc/images/ico_trumpet.png" />
		<div class="noticeBar">
			<ul>
				<li>当前暂无消息</li>
			</ul>
		</div>
	</div>
</div>
<div class="clear"></div>


<div class="mainContent" style="padding-bottom:20px;">

	<ul class="post-skills-list">
		<%--<li>--%>
			<%--<div class="post-skills-item post-i-c1">--%>
				<%--<div class="post-skills-title">大数据采集工程师</div>--%>
				<%--<a onclick="goPostDetails()" class="post-skills-more" href="javascript:;">详情</a>--%>
			<%--</div>--%>
		<%--</li>--%>
		<%--<li>--%>
			<%--<div class="post-skills-item post-i-c2">--%>
				<%--<div class="post-skills-title">大数据清洗工程师</div>--%>
				<%--<a class="post-skills-more" href="javascript:;">详情</a>--%>
			<%--</div>--%>
		<%--</li>--%>
		<%--<li>--%>
			<%--<div class="post-skills-item post-i-c3">--%>
				<%--<div class="post-skills-title">大数据研发工程师</div>--%>
				<%--<a class="post-skills-more" href="javascript:;">详情</a>--%>
			<%--</div>--%>
		<%--</li>--%>
		<%--<li>--%>
			<%--<div class="post-skills-item post-i-c4">--%>
				<%--<div class="post-skills-title">大数据可视化工程师</div>--%>
				<%--<a class="post-skills-more" href="javascript:;">详情</a>--%>
			<%--</div>--%>
		<%--</li>--%>
		<%--<li>--%>
			<%--<div class="post-skills-item post-i-c5">--%>
				<%--<div class="post-skills-title">大数据运维工程师</div>--%>
				<%--<a class="post-skills-more" href="javascript:;">详情</a>--%>
			<%--</div>--%>
		<%--</li>--%>
		<%--<li>--%>
			<%--<div class="post-skills-item post-i-c6">--%>
				<%--<div class="post-skills-title">大数据治理工程师</div>--%>
				<%--<a class="post-skills-more" href="javascript:;">详情</a>--%>
			<%--</div>--%>
		<%--</li>--%>
		<%--<li>--%>
			<%--<div class="post-skills-item post-i-c7">--%>
				<%--<div class="post-skills-title">大数据应用工程师</div>--%>
				<%--<a class="post-skills-more" href="javascript:;">详情</a>--%>
			<%--</div>--%>
		<%--</li>--%>
		<%--<li>--%>
			<%--<div class="post-skills-item post-i-c8">--%>
				<%--<div class="post-skills-title">大数据标注工程师</div>--%>
				<%--<a class="post-skills-more" href="javascript:;">详情</a>--%>
			<%--</div>--%>
		<%--</li>--%>
	</ul>

</div>




<div class="clear"></div>



<script>
    var result = '${result}';
    result = JSON.parse(result);
</script>
<script src="pc/js/extends/jquery-1.11.2.min.js"></script>
<script src="pc/js/extends/bootstrap-datetimepicker.min.js"></script>
<script src="pc/js/extends/bootstrap-datetimepicker.zh-CN.js"></script>


<script src="pc/js/extends/jquery.page.js"></script><!--翻页插件-->

<script src="pc/js/cores/Alert.js"></script><!--弹出盒-->
<script src="pc/js/cores/public.js"></script><!--公共-->

<script src="pc/js/extends/trumbowyg.js"></script><!--编辑器插件-->
<script src="pc/js/extends/trumbowyg.base64.min.js"></script><!--编辑器插件-->
<script src="pc/js/modules/teacherPostSkills.js?f=<%=System.currentTimeMillis()%>"></script>
<script>
	$(function(){
	    getTeacherPSData()
	});
	function getTeacherPSData(){
        $.ajax({
            type: "get",
            url: "querySkillInfo?skillId",
            success: function(data, status, xhr) {
                if(data.code == 200){
                    data = data.data;
				}
                $.each(data,function(i,d){
                    let oLi = $("<li></li>");
                    let div = $("<div></div>").addClass("post-skills-item").addClass("post-i-c"+ (i%8+1));
                    let divTitle = $("<div></div>").addClass("post-skills-title").html(d.name);
                    let aLink = $("<a href='javascript:;'>详情</a>").addClass("post-skills-more").click(function(){
                        goPostDetails(d.id)
					});
                    div.append(divTitle,aLink);
                    oLi.append(div);
                    $(".post-skills-list").append(oLi);
				});
            },
            error: function(data, status, xhr) {
                //loading1.hide();
                var json = JSON.stringify({
                    "pageName": "error"
                });
                //window.location.href = "skipPage?jsonStr=" + json;

            }
        });
	}
</script>
</body>

</html>